﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title><s:property value='page.column.name' /> - 图库频道 - 风尚中国网</title>
    <meta name="keywords"
          content="<s:property value='page.column.name' />图片  <s:property value='page.column.name' />图库 <s:property value='page.column.name' />照片"/>
    <meta name="description"
          content="<s:property value='page.column.name' />图片  <s:property value='page.column.name' />图库 <s:property value='page.column.name' />照片"/>
    <%String basePath = request.getContextPath();%>
</head>
<link rel="stylesheet" type="text/css" href="<%=basePath%>/styles/gallery/common.css">
<link rel="stylesheet" type="text/css" href="<%=basePath%>/styles/gallery/column.css">
<script type="text/javascript" src="<%=basePath%>/js/easyui/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<%=basePath%>/js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript">
$(function() {
    $(".col_album").bind("mouseover", function(){
    	var height = $(this).height();
        $(this).find("span").css('height', height);
        $(this).find("span").css('left', 0);
    });
    $(".col_album").bind("mouseout", function(){
        $(this).find("span").css('left', -220);
    });
  }); 
</script>
<body>
<div id="header">
	<div id="header_1">
	<div id="log"><a href="http://www.fengsung.com"><img style="border: 0px;" src="/images/logo_luxury.gif" /></a></div>
	<s:include value="/menu1.jsp"></s:include>
	</div>
	<div id="header_2">
		<s:include value="/ad/gallery/ad1.html"></s:include>
	</div>
</div>
<s:include value="/menu2.jsp"></s:include>
<div id="main">
<div id="gallery_column">
	<s:iterator value="columns" status="index">
	<%String glleryCoverType = "LOGNITUDINAL_COVER"; %>
	<s:if test="#index.index%2 == 1">
	<%glleryCoverType = "TRANSVERSE_COVER"; %>
	</s:if>
	<div><a href="/g_c-<s:property value="id"/>_t-<%=glleryCoverType%>.html"><s:property value="name"/></a></div>
	</s:iterator>
	<div style="width:200px;border-top: 1px solid #FF0000;"></div>
</div>


<div id="col1" class="col">
	<s:iterator value="albums" status="index">
	<s:if test="#index.index%3 == 0">
	<div class="col_album">	
		<%String glleryCoverType="transverse";%>
		<s:if test="coverType == 'LOGNITUDINAL_COVER'">
		<%glleryCoverType="lognitudinal";%>
		</s:if>
		<a href="/g-<s:property value ='id'/>.html" >
		<img width="220" border="0" alt="<s:property value="title"/>"
	                                                         src="../gallery/<s:property value ="id"/>/cover/<%=glleryCoverType%>/<s:property value ="cover"/>">
		<span class="col_album_titile">
			<s:property value="title"/>
		</span>
		</a>
	</div>
	</s:if>
	</s:iterator>
</div>
<div id="col2" class="col">
	<s:iterator value="albums" status="index">
	<s:if test="#index.index%3 == 1">
	<div class="col_album">	
		<%String glleryCoverType="transverse";%>
		<s:if test="coverType == 'LOGNITUDINAL_COVER'">
		<%glleryCoverType="lognitudinal";%>
		</s:if>	
		<a href="/g-<s:property value ='id'/>.html" >
		<img width="220" border="0" alt="<s:property value="title"/>"
	                                                         src="../gallery/<s:property value ="id"/>/cover/<%=glleryCoverType%>/<s:property value ="cover"/>">	
		<span class="col_album_titile">
			<s:property value="title"/>
		</span>
		</a>
	</div>
	</s:if>
	</s:iterator>
</div>
<div id="col3" class="col">
	<s:iterator value="albums" status="index">
	<s:if test="#index.index%3 == 2">
	<div class="col_album">	
		<%String glleryCoverType="transverse";%>
		<s:if test="coverType == 'LOGNITUDINAL_COVER'">
		<%glleryCoverType="lognitudinal";%>
		</s:if>
		<a href="/g-<s:property value ='id'/>.html" >
		<img width="220" border="0" alt="<s:property value="title"/>"
	                                                         src="../gallery/<s:property value ="id"/>/cover/<%=glleryCoverType%>/<s:property value ="cover"/>">
		<span class="col_album_titile">
			<s:property value="title"/>
		</span>
		</a>
	</div>
	</s:if>
	</s:iterator>
</div>
<div id="float_div">
	<div id="recommend">
		<div id="recommend_title">精彩推荐</div>
		<s:iterator value="recommendAlbums" status="index">
		<div id="recommend_content">
			<a href="/g-<s:property value ='id'/>.html">
			<img style="border:none;" src="../images/dot.gif">&nbsp;&nbsp;<s:property value="title"/>
			</a>
		</div>
		</s:iterator>
	</div>
	<div id="paging" style="width:100%">
		<s:if test="pageNum > 1">
		<a href="/g_c-<s:property value ='column.id'/>_t-<s:property value ='coverType'/>_p-<s:property value ='pageNum - 1'/>.html">
		上一页
		</a>
		</s:if>
		<s:if test="pageNum > 3">
		<a href="/g_c-<s:property value ='column.id'/>_t-<s:property value ='coverType'/>_p-1.html">
		1
		</a>
		...
		</s:if>
		<s:if test="pageNum - 2 > 0">
		<a href="/g_c-<s:property value ='column.id'/>_t-<s:property value ='coverType'/>_p-<s:property value ='pageNum - 2'/>.html">
		<s:property value="pageNum - 2"/>
		</a>
		</s:if>
		<s:if test="pageNum - 1 > 0">
		<a href="/g_c-<s:property value ='column.id'/>_t-<s:property value ='coverType'/>_p-<s:property value ='pageNum - 1'/>.html">
		<s:property value="pageNum - 1"/>
		</a>
		</s:if>
		<span id="paging_current">
		<s:property value="pageNum"/>
		</span>
		<s:if test="pageNum + 1 <= pageCount">
		<a href="/g_c-<s:property value ='column.id'/>_t-<s:property value ='coverType'/>_p-<s:property value ='pageNum + 1'/>.html">
		<s:property value="pageNum + 1"/>
		</a>
		</s:if>
		<s:if test="pageNum + 2 <= pageCount">
		<a href="/g_c-<s:property value ='column.id'/>_t-<s:property value ='coverType'/>_p-<s:property value ='pageNum + 2'/>.html">
		<s:property value="pageNum + 2"/>
		</a>
		</s:if>
		<s:if test="pageCount - pageNum > 2">
		... 
		<a href="/g_c-<s:property value ='column.id'/>_t-<s:property value ='coverType'/>_p-<s:property value ='pageCount'/>.html">
		<s:property value="pageCount"/>
		</a>
		</s:if>
		<s:if test="pageNum < pageCount">
		<a href="/g_c-<s:property value ='column.id'/>_t-<s:property value ='coverType'/>_p-<s:property value ='pageNum + 1'/>.html">
		下一页
		</a>
		</s:if>
	</div>
</div>
</div>
<s:include value="/ad/brand/ad5.html"></s:include>
<s:include value="/footer.jsp"></s:include>
</body>
</html>